﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <link type="text/css" rel="stylesheet" media="all" href="/styles/global.css" />
        <link type="text/css" rel="stylesheet" media="all" href="/styles/global_color.css" />
        <link type="text/css" rel="stylesheet" media="all" href="/styles/animate.css"/>
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
        <script type="text/javascript" src="/js/main_list.js"></script>
        <style type="text/css">

            .topHead {
                position: absolute;
                left: 60%;
                top: 400px;
                color: #fff;
                text-decoration: none;
                font-weight: bolder;
                transition: all .3s;
                padding: 100px;
            }
            .topHead:hover {
                transform: translate(-50px, -50px);
            }

            .photo {
                float: right;
                animation: appear 2s forwards, tada .5s 2s forwards, hinge 2s 4.5s forwards;
            }

            @keyframes appear {
                0% {
                    transform: translate(100%, 0);
                }
                25% {
                    transform: translate(80%, 0);
                }
                50% {
                    transform: translate(60%, 0);
                }
                75% {
                    transform: translate(40%, 0);
                }
                100% {
                    transform: translate(20%, 0);
                }
            }

        </style>



    </head>

    <body class="index">
    <div>
        <a class="topHead" href="/login.html">[退出]</a>
    </div>
        <!--导航区域开始-->
        <div id="index_navi">
            <ul id="menu">
                <li><a href="/index.html" class="index_on"></a></li>
                <li id="liBro" style="display: none;"></li>
            </ul>
        </div>

    <span><marquee style="color: #FFF; font-size: 30px; margin: 30px;" scrollamount="15" behavior="" direction="">今日新闻: 蓝鸥某 Java (原Android) 讲师每日虐待学员导致部分学员心理崩溃!!</marquee></span>
    <div class="photo"><img src="/images/1.png" alt=""></div>
    </body>


</html>

